.toptit{
    display: flex;
    justify-content:space-between;
}
.colorClose{
    background: #d7d7d7;
    border-radius:50%; 
    // padding: 2px 2px;
    cursor: pointer;
    margin-bottom: 3px;
}
.buttongl{
    
  display: flex;
  align-items: center;
  min-width: 56px;
  height:24px;
  background: #e8313b;
  padding: 5px 7px 5px 7px;
  color: #ffffff;
  border-radius:5px; 
  cursor: pointer;
   white-space : nowrap;
  }
  .buttongl:active
  {
  background-color:rgb(255, 51, 129);
  }
  .flexBj{
    display: flex;
    flex-wrap:wrap;
  }
  .overa{
    height:calc(90vh);
    overflow: hidden;
  }
  .over{
    height:calc(73vh);
    overflow-y: auto;
  }

  .buttongx{
    display: flex;
    align-items: center;
    width: 70px;
    height:24px;
    background: #13c2f3;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    border-radius:5px;
    cursor: pointer;
  }
  .buttongx:active
  {
  background-color:rgb(51, 163, 255);
  }
  .pb{
    display: flex;
    // flex-wrap:wrap;
    flex-wrap: nowrap;
 
  }
  .red{
    background-color: #e8f9ff;
    color: #3bb9ff;
   }
  